<html>
<head>
<title>
test</title>
<script type="text/javascript" src="./js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="./js/jquery-ui-1.7.2.custom.min.js"></script>
<link href="./css/cupertino/jquery-ui-1.7.2.custom2.css"	rel="stylesheet" type="text/css" />

<style type="text/css">
	#sortable { list-style-type: none; margin: 0; padding: 0; width: 100%; }
	#sortable li { margin: 0 5px 5px 5px; padding: 5px; font-size: 0.8em; }
	.ui-state-highlight { height: 1.5em; }
</style>
	
<script type="text/javascript">
	$(function() {
		$(".sortable").sortable({
			placeholder: 'ui-state-highlight'
		});
		$(".sortable").disableSelection();
	});
	</script>
</head>
<body>
<ul id="sortable">
	<li class="ui-state-default">Item 1<br />asdfasdfsdasdaf<br />asdfdsafsda<div>asdfjlsafjkls<br />fsadfsdaf<br /></div></li>
	<li class="ui-state-default">Item 2</li>
	<li class="ui-state-default">Item 3</li>
	<li class="ui-state-default">Item 4</li>
	<li class="ui-state-default">Item 5</li>
	<li class="ui-state-default">Item 6</li>
	<li class="ui-state-default">Item 7</li>
</ul>

</body>

</html>